<!DOCTYPE html>
<html lang="it">
	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="Don Bosco, Salesiani, San Francesco di Sales, Movimento Giovanile Salesiano, Triveneto, MGS" />
		
		<title></title>
		
		<link type="text/css" rel="stylesheet" href="../bootstrap/css/bootstrap.css" />
		<link type="text/css" rel="stylesheet" href="../bootstrap/css/bootstrap-responsive.css" />
		<link type="text/css" rel="stylesheet" href="../css/base.css" />
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){				
				$("#show-menu-collapse").click(function(){
					$("#menu").toggle('slow');
				});
				
				$("ul#social > li > a > img").popover({
					animation : true,
					placement : 'bottom',
					trigger : 'hover',
					content : 'Seguici!'
				});
				
				$('a.scroll').click(function() {
				   var elementClicked = $(this).attr("href");
				   var destination = $(elementClicked).offset().top;
				   $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination-20}, 500 );
				   return false;
				});
			});
		</script>
		<style>
		.fb-like-box {
			background-color: #FFFFFF;
			padding: 0px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			border: 1px solid #aeaeae;
			box-shadow: 0px 0px 5px #eaeaea;
			margin-left: auto;
			margin-right: auto;
			margin-top: 10px;
		}
		</style>
		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	</head>
	<body>
	<div id="fb-root"></div>
	<script>(function(d, s, id) {
	  var js, fjs = d.getElementsByTagName(s)[0];
	  if (d.getElementById(id)) return;
	  js = d.createElement(s); js.id = id;
	  js.src = "//connect.facebook.net/it_IT/all.js#xfbml=1&appId=288682984504293";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));
	</script>
		<header>
			<div class="container" id="header-content">
				<div class="row">
					<div class="span3 offset1"><a href="../index.html"><img src="../img/logo.png" alt="Logo OSC" id="logo"/></a></div>
					<div class="span8" id="header-title-info">
						<h1>Test di titolo</h1>
						<div class="row">
							<div class="span6">
								<ul class="unstyled">
									<li><i class="icon-map-marker icon-black"></i> Calle don Bosco 361, 30015 Chioggia (VE)</li>
									<li><i class="icon-comment icon-black"></i> Tel + Fax: 041 400 365</li>
								</ul>
							</div>
							<div class="span2">
								<ul id="social" class="unstyled">
									<li><a href="http://www.facebook.com/oratorio.chioggia"><img src="../img/social-facebook.png" alt="Facebook" title="La Pagina Facebook" data-content="Richiedi l'amicizia a Oratorio Chioggia e rimani sempre aggiornato!"/></a></li>
									<li><a href="#"><img src="../img/social-twitter.png" alt="Twitter"  title="La Pagina Twitter" data-content="Seguici su Twitter e rimani sempre aggiornarnato sui nostri eventi!"/></a></li>
									<li><a href="http://www.youtube.com/user/SalesianiChioggia"><img src="../img/social-youtube.png" alt="Youtube"  title="Il Canale Youtube" data-content="Iscriviti al nostro canale e guarda tutti i nostri video. Divertimento assicurato!"/></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<nav>
				<div class="container">
					<div class="row">
						<div id="menu-header-collapse" class="span12">
							<ul>
								<li>
									<a class="brand" href="#">salesianichioggia.it</a>
								</li>
								<li>
									<button class="btn btn-large" id="show-menu-collapse">
										<i class="icon-chevron-down icon-black"></i>
									</button>
								</li>
							</ul>
						</div>
						<div class="menu-collapse span12" id="menu">
							<ul>
								<li>
									<a href="#">Gruppi</a>
									<ul class="submenu">
										<li><a href="#">Oratorio</a></li>
										<li><a href="#">Parrocchia</a></li>
										<li><a href="#">ADS</a></li>
										<li><a href="#">PGS</a></li>
										<li><a href="#">Scout</a></li>
										<li><a href="#">Gruppo Musical</a></li>
										<li><a href="#">Mamma Margherita</a></li>
									</ul>
								</li>
								<li>
									<a href="#">Articoli</a>
									<ul class="submenu">
										<li><a href="#">Archivio</a></li>
										<li><a href="#">Categorie</a>
											<ul>
												<li><a href="#">Chiesa - Magistero</a></li>
												<li><a href="#">Educazione - Formazione</a></li>
												<li><a href="#">Formazione</a></li>
												<li><a href="#">Iniziative - Eventi</a></li>
												<li><a href="#">Liturgia - Preghiera</a></li>
												<li><a href="#">Missione</a></li>
												<li><a href="#">Mondo Giovani</a></li>
												<li><a href="#">Spiritualità</a></li>
												<li><a href="#">Salesianità</a></li>
												<li><a href="#">Vocazioni</a></li>
											</ul>
										</li>
									</ul>
								</li>
								<li>
									<a href="#">Foto</a>
									<ul class="submenu">
										<li><a href="#">2012</a></li>
										<li><a href="#">2011</a></li>
										<li><a href="#">2010</a></li>
										<li><a href="#">Precedenti</a></li>
									</ul>
								</li>
								<li>
									<a href="#">Accoglienza</a>
									<ul class="submenu">
										<li><a href="#">Ospitalità</a></li>
										<li><a href="#">Sala Musica</a></li>
										<li><a href="#">Sala Compleanni</a></li>
										<li><a href="#">Campo da Calcio</a></li>
									</ul>
								</li>
								<li>
									<a href="#">Cinema - Teatro</a>
									<ul class="submenu">
										<li><a href="#">Programmazione Cinema</a></li>
										<li><a href="#">Programmazione Teatro</a></li>
									</ul>
								</li>
								<li>
									<a href="#">Contattaci</a>
								</li>
								<li>
									<form class="form-search">
										<input id="search-input" type="text" class="input-medium search-query span3" placeholder="Cerca..."/>
									</form>
								</li>
							</ul>
						</div>
				</div>
				</div>
			</nav>
		</header>
		
		<div class="container">
			<div class="row">
				<div class="span4">
					<ul class="nav nav-pills nav-stacked">
					  <li><a class="scroll" href="#1">Men in Black 3</a></li>
					  <li><a class="scroll" href="#2">50/50</a></li>
					</ul>
					<div class="fb-like-box" data-href="http://www.facebook.com/pages/Cinema-Teatro-Don-Bosco-Chioggia/293630350651360" data-width="370" data-show-faces="true" data-stream="false" data-header="true"></div>
				</div>
				<div class="span8">
					<section id="articles">
						<div id="1"class="row">
							<div class="span2 image">
								<img src="http://placehold.it/260x370" alt="" />
							</div>
							<div class="span5">
								<h2>Titolo Film</h2>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin mollis nunc, ut eleifend leo convallis sit amet. Vestibulum fringilla porta tempor. Nulla commodo ligula eget felis porttitor in malesuada massa rhoncus. Suspendisse lacinia turpis ut ipsum tristique vestibulum. Duis et auctor diam. Aliquam malesuada volutpat eros quis volutpat. Suspendisse mattis feugiat turpis, et vestibulum purus rhoncus laoreet. Nunc hendrerit cursus blandit. In at tellus vel mi ullamcorper scelerisque. Fusce volutpat suscipit est quis condimentum. In hac habitasse platea dictumst. Nunc pharetra erat eget nunc molestie iaculis.</p>
							</div>
						</div>
						<hr />
						<div id="2"class="row">
							<div class="span2 image">
								<img src="http://placehold.it/260x370" alt="" />
							</div>
							<div class="span5">
								<h2>Titolo Film</h2>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin mollis nunc, ut eleifend leo convallis sit amet. Vestibulum fringilla porta tempor. Nulla commodo ligula eget felis porttitor in malesuada massa rhoncus. Suspendisse lacinia turpis ut ipsum tristique vestibulum. Duis et auctor diam. Aliquam malesuada volutpat eros quis volutpat. Suspendisse mattis feugiat turpis, et vestibulum purus rhoncus laoreet. Nunc hendrerit cursus blandit. In at tellus vel mi ullamcorper scelerisque. Fusce volutpat suscipit est quis condimentum. In hac habitasse platea dictumst. Nunc pharetra erat eget nunc molestie iaculis.</p>
							</div>
						</div>
					</section>
				</div>
			</div>
		</div>
		<footer>
			<div class="container">
				<div class="row">
					<div class="span12">
						<h4>Istituto Salesiano San Marco - Oratorio Salesiano Chioggia - P. Iva: 02173980273 - C.F.: 82000110278</h4>
					</div>
				</div>
			</div>
		</footer>
		<script src="../bootstrap/js/bootstrap-transition.js" type="text/javascript"></script>
		<script src="../bootstrap/js/bootstrap-carousel.js" type="text/javascript"></script>
		<script src="../bootstrap/js/bootstrap-tooltip.js" type="text/javascript"></script>
		<script src="../bootstrap/js/bootstrap-popover.js" type="text/javascript"></script>
	</body>
</html>